import React from 'react';
import {View, ScrollView, TouchableOpacity} from 'react-native';
import {Text, Button} from '@rneui/base';
import {useNavigation} from '@react-navigation/native';
import {useMount} from 'ahooks';
import * as SvgIconHeaderRight from '../../SvgIconHeaderRight';
import {IconColor} from '../../config';

import Dropdown from './Dropdown';
import D3 from "./D3";
const rPPath = 'OPlayer';
export default ({pageName, setHeaderRight}) => {
  const navigation = useNavigation();

  return (
    <View style={{flex: 1}}>
      <ScrollView style={{flex: 1}}>
        <Button
          title="Go To Audio"
          onPress={() => {
            navigation.navigate(`${rPPath}/Audio`);
          }}
          containerStyle={{margin: 10}}
        />
        <Button
          title="Open Dropdown 2"
          onPress={() => {}}
          containerStyle={{margin: 10}}
        />
        <Dropdown />
        <D3 />
      </ScrollView>
    </View>
  );
};
